<%@ page import="com.jsmtr.rms.entity.BaseUser" %>
<%@ page import="com.jsmtr.rms.utils.RightInterceptor" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    String basepath = request.getContextPath();
    BaseUser baseUser = (BaseUser) request.getSession().getAttribute(RightInterceptor.SEESION_MEMBER);

%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="<%=basepath%>/resources/js/plugins/TreeTable/css/jquery.treeTable.css" rel="stylesheet"
          type="text/css"/>
    <link href="<%=basepath%>/resources/css/index.css" rel="stylesheet" type="text/css"/>
    <link href="<%=basepath%>/resources/css/skin.css" rel="stylesheet" type="text/css"/>
    <link href="<%=basepath%>/resources/css/preview.css" rel="stylesheet" type="text/css">
    <script src="<%=basepath%>/resources/js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <style>
        .treeTable {
            border: solid 1px #000;
            border-top: none;
        }

        .treeTable tbody tr td {
            border: 1px solid #000 !important;
            padding: 8px 0px 8px 5px !important;
            color: #000 !important;
            background: #FFF !important;
        }

        .printmenu {
            text-align: right;
        }

        .printmenu button {
            border: none;
            background: orange;
            padding: 5px;
            color: #FFF;
        }

        .printmenu button:hover {
            background: #FF8000;
        }

        body {
            background: none !important;
            font-family: "宋体" !important;
            font-size: 18px;
        }

        #allpage {
            background: none !important;
        }

        .resumetitle {
            padding: 10px !important;
            height: auto !important;
            background: #DDD !important;
            color: #000 !important;
            font-weight: bold;
            letter-spacing: 2px;
            border: 1px solid #000;
            border-bottom: none;
            border-top: none;
        }

        .inputform tbody tr td {
            letter-spacing: 0px !important;
        }

        .title-tr,
        .title-td {
            text-align: center !important;
        }

        .preview .treeTable tbody tr td {
            padding: 5px 1px !important;
        }

        .c-center {
            text-align: center !important;
        }

        .title-td-w {
            background: white;
        }
    </style>
</head>
<body onload="initView()">
<div id="loader"><img alt="" src="<%=basepath%>/resources/image/1d_2.gif"/></div>
<div class="layui-tab layui-tab-brief" lay-filter="tabBrief" style="width:980px; height:auto; margin:0 auto;">
    <ul class="layui-tab-title">
        <li class="layui-this" lay-id="userresult">个人简历</li>
        <% if (baseUser.getUdept().equalsIgnoreCase("00006")) { %>
        <li lay-id="userflows">流程查看</li>
        <li lay-id="userhistory">应聘历史<span class="layui-badge">0</span></li>
        <li lay-id="userlog">操作记录</li>
        <%--<li lay-id="userpreview">前端发布前预览</li>--%>
        <% } %>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <div id="Content" style="width:980px; height:auto; margin:0 auto;">
                <%--<div id="loader"><img alt="" src="<%=basepath%>/resources/image/1d_2.gif"/></div>--%>
                <c:if test="${empty talent}">
                    <div class="toolbars" style="text-align: right;height:30px;white-space:nowrap;width:auto;">
                        <div style="color:red;float:left;">${tips}</div>

                        <a id="btn_resumepass">
                            <em class="ico16 gone_through_16"></em>
                            <span class="menu_span" title="通过">通过</span>
                        </a>
                        <a id="btn_resumenopass" style="margin-left: 5px">
                            <em class="ico16 stop_contract_16"></em>
                            <span class="menu_span" title="不通过">不通过</span>
                        </a>
                        <a onclick="PrintFunc()" style="margin-left: 5px">
                            <em class="ico16 format_template_16"></em>
                            <span class="menu_span" title="打印简历">打印简历</span>
                        </a>
                        <a onclick="OutFunc()" style="margin-left: 5px">
                            <em class="ico16 download_online_16"></em>
                            <span class="menu_span" title="导出简历">导出简历</span>
                        </a>
                            <%--  <button type="button" id="btn_resumepass" >通过</button>
                              <button type="button" id="btn_resumenopass" >不通过</button>
                              <button type="button" onclick="PrintFunc()">打印简历</button>
                              <button type="button" onclick="OutFunc()">导出简历</button>--%>
                        <% if (baseUser.getUdept().equalsIgnoreCase("00006")) { %>
                        <a id="btn_resumesync" style="margin-left: 5px">
                            <em class="ico16 refresh2_16"></em>
                            <span class="menu_span" title="简历同步">简历同步</span>
                        </a>
                        <a onclick="PrintPost()" style="margin-left: 5px">
                            <em class="ico16 shape_32"></em>
                            <span class="menu_span" title="职位申请表">职位申请表</span>
                        </a>
                            <%-- <button type="button" id="btn_resumesync" >简历同步</button>
                             <button type="button" onclick="PrintPost()">职位申请表</button>--%>
                            <%--<button type="button" onclick="PrintFunc()">推荐其他岗位</button>--%>
                        <% } %>
                        <% if (baseUser.getUcode().equalsIgnoreCase("14638") || baseUser.getUcode().equalsIgnoreCase("10338") || baseUser.getUstate() != 1) { %>
                            <%--<button type="button" id="btn_resumesync" >简历同步</button>--%>
                        <% } %>
                            <%-- <button type="button" onclick="EditFunc()">修改简历</button>--%>
                    </div>
                </c:if>

                <div class="content1000 preview" v-cloak>
                    <%--<p class="head-btn">
                        <el-button type="warning" @click="printCV">打印简历</el-button>
                    </p>--%>

                    <c:choose>
                        <c:when test="${not empty talent}">
                            <p class="blod-title">个人简历</p>
                        </c:when>
                        <c:when test="${empty social}">
                            <p class="blod-title">重庆市铁路（集团）有限公司校园招聘个人简历</p>
                        </c:when>
                        <c:otherwise>
                            <p class="blod-title">重庆市铁路（集团）有限公司社会招聘个人简历</p>
                        </c:otherwise>
                    </c:choose>
                    <div>
                        <span style="display: block; width: 20%;text-align: left;float: left;padding: 8px;">简历编号:${code }</span>
                        <span style="display: block; width: 55%;text-align: center;float: left;padding: 8px;">应聘岗位:${jname }</span>
                        <span style="display: block; width: 20%;text-align: right;float: left;padding: 8px;">应聘时间:${jobtime }</span>
                    </div>
                    <table class="treeTable inputform">

                        <tr>
                            <c:choose>
                                <c:when test="${empty social}">
                                    <td class="title-td" style="width: 14.5%;">姓名</td>
                                    <td class="c-center" style="width: 13.5%;">${userresume.name }</td>
                                    <td class="title-td" style="width: 13.5%;">身份证号</td>
                                    <td class="c-center" style="width: 13.5%;">${userresume.cardno }</td>
                                    <td class="title-td" style="width: 14.5%;">性别</td>
                                    <td class="c-center" style="width: 13.5%;">${userresume.sexname }</td>
                                    <td rowspan="5" style="width: 16%;">
                                            <%--<img name="head" width="160" height="193" :src="imgUrl">--%>
                                        <img name="head" width="160" height="193"
                                             src="${fpath}/resources/UserHead/${userresume.head}"
                                             onerror="javascript:this.src='${userresume.head}'">
                                    </td>
                                </c:when>
                                <c:otherwise>
                                    <td class="title-td" style="width: 14.5%;">姓名</td>
                                    <td class="c-center" style="width: 13.5%;">${userresume.name }</td>
                                    <td class="title-td" style="width: 13.5%;">性别</td>
                                    <td class="c-center" style="width: 13.5%;">${userresume.sexname }</td>
                                    <td class="title-td" style="width: 14.5%;">年龄</td>
                                    <td class="c-center" style="width: 13.5%;">${ages}岁</td>
                                    <td rowspan="5" style="width: 16%;">
                                            <%--<img name="head" width="160" height="193" :src="imgUrl">--%>
                                        <img name="head" width="160" height="193"
                                             src="${fpath}/resources/UserHead/${userresume.head}">
                                    </td>
                                </c:otherwise>
                            </c:choose>

                        </tr>
                        <tr>
                            <c:choose>
                                <c:when test="${empty social}">
                                    <td class="title-td">年龄</td>
                                    <td class="c-center">${ages}岁</td>
                                    <td class="title-td">籍贯</td>
                                    <td class="c-center">${userresume.jg }</td>
                                    <td class="title-td">民族</td>
                                    <td class="c-center">${userresume.mzname }</td>
                                </c:when>
                                <c:otherwise>
                                    <td class="title-td">民族</td>
                                    <td class="c-center">${userresume.mzname }</td>
                                    <td class="title-td">籍贯</td>
                                    <td class="c-center">${userresume.jg }</td>
                                    <td class="title-td">出生地</td>
                                    <td class="c-center">${userresume.birthplace }</td>
                                </c:otherwise>
                            </c:choose>
                        </tr>
                        <tr>
                            <c:choose>
                                <c:when test="${empty social}">
                                    <td class="title-td">政治面貌</td>
                                    <td class="c-center">${userresume.zzmmname }</td>
                                    <td class="title-td">入党时间</td>
                                    <td class="c-center">
                                        <fmt:formatDate value="${userresume.joinTime}" pattern="yyyy.MM"/></td>
                                    <td class="title-td">身高/体重</td>
                                    <td class="c-center">${userresume.height }/${userresume.weight }</td>
                                </c:when>
                                <c:otherwise>
                                    <td class="title-td">参工时间</td>
                                    <td class="c-center">
                                        <fmt:formatDate value="${userresume.workdate}" pattern="yyyy.MM"/></td>
                                    <td class="title-td">政治面貌</td>
                                    <td class="c-center">${userresume.zzmmname }</td>
                                    <td class="title-td">婚姻状况</td>
                                    <td class="c-center">${userresume.mname }</td>
                                </c:otherwise>
                            </c:choose>
                        </tr>
                        <tr>
                            <c:choose>
                                <c:when test="${empty social}">
                                    <td class="title-td">联系电话</td>
                                    <td class="c-center">${userresume.tel }</td>
                                    <td class="title-td">QQ</td>
                                    <td class="c-center">${userresume.qq }</td>
                                    <td class="title-td">电子邮箱</td>
                                    <td class="c-center">${userresume.email }</td>
                                </c:when>
                                <c:otherwise>
                                    <td class="title-td">求职状态</td>
                                    <td class="c-center">${userresume.workexperience }</td>
                                    <td class="title-td">期望年收入(万)</td>
                                    <td class="c-center">${userresume.expectedsalaryamount }</td>
                                    <td class="title-td">到岗日期</td>
                                    <td class="c-center">${userresume.attendancetime }</td>
                                </c:otherwise>
                            </c:choose>
                        </tr>
                        <tr>
                            <c:choose>
                                <c:when test="${empty social}">
                                    <td class="title-td">语言能力</td>
                                    <td class="c-center">${userresume.englishLevel }</td>
                                    <td class="title-td">成绩平均分</td>
                                    <td class="c-center">${userresume.gradeAverage }</td>
                                    <td class="title-td">绩点</td>
                                    <td class="c-center">${userresume.point }</td>
                                </c:when>
                                <c:otherwise>
                                    <td class="title-td">联系电话</td>
                                    <td class="c-center">${userresume.tel }</td>
                                    <td class="title-td">QQ</td>
                                    <td class="c-center">${userresume.qq }</td>
                                    <td class="title-td">身高(CM)</td>
                                    <td class="c-center">${userresume.height }</td>
                                </c:otherwise>
                            </c:choose>
                        </tr>
                        <tr>
                            <c:choose>
                                <c:when test="${empty social}">
                                    <td class="title-td">家庭住址</td>
                                    <td colspan="3">${userresume.nowaddress }</td>
                                    <td class="title-td">特长爱好</td>
                                    <td colspan="2">${userresume.hobby }</td>
                                </c:when>
                                <c:otherwise>
                                    <td class="title-td">身份证号</td>
                                    <td colspan="2" onclick="${fpath}/${pathfile}">${userresume.cardno }</td>
                                    <td class="title-td">外语水平</td>
                                    <td colspan="3">${userresume.englishLevel }</td>
                                </c:otherwise>
                            </c:choose>
                        </tr>
                        <c:choose>
                            <c:when test="${empty social}">
                            </c:when>
                            <c:otherwise>
                                <tr>
                                    <td class="title-td">特长爱好</td>
                                    <td colspan="2">${userresume.hobby }</td>
                                    <td class="title-td">家庭住址</td>
                                    <td colspan="3">${userresume.nowaddress }</td>
                                </tr>
                                <tr>
                                    <td class="title-td">获得职称或职业资格情况</td>
                                    <td colspan="6">
                                            <%-- ${userresume.qllevelpname} ${userresume.qllevelname}
                                             ${userresume.qllevelsname} ${userresume.qltype}
                                         <fmt:formatDate value="${userresume.qlgettime}" pattern="yyyy.MM"/>
                                             ${userresume.qlorg}--%>
                                        <c:choose>
                                            <c:when test="${not empty social}">

                                                <c:forEach var="major" items="${majors}">
                                                    <fmt:formatDate value="${major.postgettime}"
                                                                    pattern="yyyy.MM"/>,${major.postspecialty};<br />

                                                </c:forEach>
                                            </c:when>
                                        </c:choose>

                                    </td>
                                        <%--  <td colspan="6">{{ majorInfoStr }}</td>--%>
                                        <%--<td class="title-td">家庭常住地：</td>
                                        <td colspan="2">${userresume.nowaddress }</td>--%>
                                </tr>
                            </c:otherwise>
                        </c:choose>
                    </table>

                    <!-- 教育经历 -->
                    <table class="treeTable inputform">
                        <tbody>
                        <tr class="title-tr">
                            <%--<td style="width: 14.5%;" :rowspan="educationInfo.length + 1">全日制教育经历</td>--%>
                            <td style="width: 14.5%;" rowspan="${eduFullLen}">全日制教育经历</td>
                            <td style="width: 20.5%;">时间</td>
                            <td style="width: 45%;">毕业院校/专业</td>
                            <td style="width: 20%;">学历/学位</td>
                        </tr>

                        <%-- <tr v-for="(item, idx) in educationInfo" :key="idx">
                             <td class="c-center">{{ item.starttime }</td>
                             <td>{{ item.schoolname }}/{{ item.majorname}}</td>
                             <td>{{ item.educationname}}/{{ item.degreename}}</td>
                         </tr>--%>
                        <c:choose>
                            <c:when test="${eduFullL==0}">

                                <tr>
                                    <td class="c-center"></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </c:when>
                            <c:otherwise>
                                <c:forEach var="education" items="${educationsFull}">
                                    <tr>
                                        <td class="c-center">
                                            <fmt:formatDate value="${education.starttime}" pattern="yyyy.MM"/>
                                            --<fmt:formatDate value="${education.endtime}" pattern="yyyy.MM"/>
                                        </td>
                                        <td class="c-center">${education.schoolname}/${education.majorname}</td>
                                        <td class="c-center">${education.educationname}/${education.degreename}</td>
                                    </tr>
                                </c:forEach>
                            </c:otherwise>
                        </c:choose>

                        <c:choose>
                            <c:when test="${empty social}">
                            </c:when>
                            <c:otherwise>
                                <!-- 非全日制教育经历 -->
                                <tr class="title-tr"> <%-- v-if="partTimeEduInfo.length"--%>
                                    <td rowspan="${eduNotLen+1}">非全日制教育经历</td>
                                    <td style="width: 20.5%;">时间</td>
                                    <td style="width: 45%;">毕业院校/专业</td>
                                    <td style="width: 20%;">学历/学位</td>
                                        <%--<td :rowspan="partTimeEduInfo.length + 1">非全日制教育经历</td>--%>
                                </tr>
                                <%--<tr class="title-tr" >&lt;%&ndash;v-else="partTimeEduInfo.length"&ndash;%&gt;
                                    <td rowspan="${eduNotLen}">非全日制教育经历</td>
                                    &lt;%&ndash;<td :rowspan="partTimeEduInfo.length + 1">非全日制教育经历</td>&ndash;%&gt;
                                    <th style="background-color: #ffffff;border: 1px solid #000 !important;"></th>
                                    <th style="background-color: #ffffff;border: 1px solid #000 !important;"></th>
                                    <th style="background-color: #ffffff;border: 1px solid #000 !important;"></th>
                                </tr>--%>

                                <%--  <tr v-for="(item, idx) in partTimeEduInfo" :key="idx" class="no-border-top">
                                      <td class="c-center" >{{ item.starttime }}</td>
                                          &lt;%&ndash; <td>{{ item.allStr }}</td>
                                           <td>{{ degreeStr[item.degreecode] || '' }}</td>&ndash;%&gt;
                                      <td >{{ item.schoolname  }}/{{ item.majorname }}</td>
                                          &lt;%&ndash;<td>{{ item.majorname}}</td>&ndash;%&gt;
                                      <td >{{ item.educationname }}/{{ item.degreename }}</td>
                                  </tr>--%>


                                <c:choose>
                                    <c:when test="${eduNotL==0}">
                                        <tr>
                                            <td class="c-center"></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </c:when>
                                    <c:when test="${eduNotL==1}">
                                        <c:forEach var="education" items="${educationsNot}">
                                            <tr>
                                                <td class="c-center">
                                                    <fmt:formatDate value="${education.starttime}" pattern="yyyy.MM"/>--<fmt:formatDate
                                                        value="${education.endtime}" pattern="yyyy.MM"/>
                                                </td>
                                                <td class="c-center">${education.schoolname}/${education.majorname}</td>
                                                <td class="c-center">${education.educationname}/${education.degreename}</td>
                                            </tr>
                                        </c:forEach>
                                        <tr>
                                            <td class="c-center"></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </c:when>
                                    <c:otherwise>
                                        <c:forEach var="education" items="${educationsNot}">
                                            <tr>
                                                <td class="c-center">
                                                    <fmt:formatDate value="${education.starttime}" pattern="yyyy.MM"/>--<fmt:formatDate
                                                        value="${education.endtime}" pattern="yyyy.MM"/>
                                                </td>
                                                <td class="c-center">${education.schoolname}/${education.majorname}</td>
                                                <td class="c-center">${education.educationname}/${education.degreename}</td>
                                            </tr>
                                        </c:forEach>
                                    </c:otherwise>
                                </c:choose>
                            </c:otherwise>
                        </c:choose>
                        </tbody>
                    </table>

                    <c:choose>
                        <c:when test="${empty social}">
                            <!-- 大学期间所获奖项 -->
                            <table class="treeTable inputform">
                                <tbody>
                                <tr class="no-border-top" style="height: 80px;">
                                    <td style="width: 14.5%;" class="title-td">学校期间所获奖项</td>
                                        <%-- <td style="width: 85.5%;">{{ awardsInfoStr }}</td>--%>
                                    <td style="width: 85.5%;">
                                        <c:forEach var="rewardpunishment" items="${rewardpunishments}">
                                            <fmt:formatDate value="${rewardpunishment.gettime}" pattern="yyyy.MM"/>
                                            ${rewardpunishment.enterprise} ${rewardpunishment.name}
                                            (${rewardpunishment.reason})<br>
                                        </c:forEach>
                                    </td>
                                </tr>
                                </tbody>
                            </table>

                            <!-- 大学期间社会实践经历 -->
                            <table class="treeTable inputform">
                                <tbody>
                                <tr class="no-border-top" style="height: 80px;">
                                    <td style="width: 14.5%;" class="title-td">学校期间社会实践经历</td>
                                        <%-- <td style="width: 85.5%;">{{ trainningInfoStr }}</td>--%>
                                    <td style="width: 85.5%;">
                                        <c:forEach var="training" items="${trainings}">
                                            <fmt:formatDate value="${training.starttime}"
                                                            pattern="yyyy.MM"/>--<fmt:formatDate
                                                value="${training.endtime}" pattern="yyyy.MM"/>
                                            　${training.organization} ${training.certificate}<br>
                                        </c:forEach>
                                    </td>
                                </tr>
                                </tbody>
                            </table>

                            <!-- 公开发表论文情况 -->
                            <table class="treeTable inputform">
                                <tbody>
                                <tr class="no-border-top" style="height: 80px;">
                                    <td style="width: 14.5%;" class="title-td">公开发表论文情况</td>
                                        <%--<td style="width: 85.5%;">{{ paperInfoStr }}</td>--%>
                                    <td style="width: 85.5%;">
                                        <c:forEach var="paper" items="${papers}">
                                            <fmt:formatDate value="${paper.publishTime}" pattern="yyyy.MM"/>
                                            ${paper.periodical} ${paper.paperName} ${paper.authorOrder}<br>
                                        </c:forEach>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </c:when>
                        <c:otherwise>
                            <!-- 工作经历 -->
                            <table class="treeTable inputform">
                                <tbody>
                                <tr class="title-tr">
                                        <%--<td style="width: 14.5%;" :rowspan="workingExp.length + 1">工作经历</td>--%>
                                    <td style="width: 14.5%;" rowspan="${workLen} + 1">工作经历</td>
                                    <td style="width: 20.5%;">时间</td>
                                    <td style="width: 45%;">工作单位</td>
                                    <td style="width: 20%;">工作岗位</td>
                                        <%-- <td width="164">工作内容</td>--%>
                                </tr>

                                    <%-- <tr v-for="(item, idx) in workingExp" :key="idx">
                                         <td class="c-center">{{ item.timeStr }}</td>
                                         <td>{{ item.companyname }}</td>
                                         <td>{{ item.position }}</td>
                                             &lt;%&ndash; <td>{{ item.jobduties }}</td>&ndash;%&gt;
                                     </tr>--%>
                                <c:forEach var="workexperience" items="${workexperiences}">
                                    <td class="c-center">
                                            ${fn:substring(fn:replace(workexperience.starttime, "-", "."),0,7)}--${fn:substring(fn:replace(workexperience.endtime, "-", "."),0,7)}
                                            <%--<fmt:formatDate value="${workexperience.starttime}" pattern="yyyy.MM"/>--<fmt:formatDate value="${workexperience.endtime}" pattern="yyyy.MM"/>--%>
                                    </td>
                                    <%--<td>${fn:substringBefore(workexperience.companyname,"_")} ${fn:substringAfter(workexperience.companyname,"_")}</td>--%>
                                    <td class="c-center">${workexperience.companyname}</td>
                                    <td class="c-center">${workexperience.department} ${workexperience.position} ${workexperience.reason}</td>
                                    </tr>
                                </c:forEach>
                                </tbody>
                            </table>

                            <!-- 主要业绩 -->
                            <table class="treeTable inputform">
                                <tbody>
                                <tr class="no-border-top" style="height: 80px;">
                                    <td style="width: 14.5%;" class="title-td">主要业绩</td>
                                    <td style="width: 85.5%;">
                                        <pre>${userresume.mainPerformance}</pre>
                                    </td>
                                </tr>
                                </tbody>
                            </table>

                            <!-- 何时获得何种荣耀 -->
                            <table class="treeTable inputform">
                                <tbody>
                                <tr class="no-border-top" style="height: 80px;">
                                    <td style="width: 14.5%;" class="title-td">何时获得何种荣誉</td>
                                        <%-- <td style="width: 85.5%;">{{ awardsInfoStr }}</td>--%>
                                    <td style="width: 85.5%;">
                                        <c:forEach var="rewardpunishment" items="${rewardpunishments}">
                                            <fmt:formatDate value="${rewardpunishment.gettime}" pattern="yyyy.MM"/>,
                                            由${rewardpunishment.enterprise} 颁发的${rewardpunishment.name}
                                            <span style="display: none">(${rewardpunishment.reason})</span><br>
                                        </c:forEach>
                                    </td>
                                </tr>
                                </tbody>
                            </table>

                            <!-- 何时何地受过何种行政或刑事处罚 -->
                            <!-- <table class="treeTable inputform">
                            <tbody>
                            <tr class="no-border-top">
                            <td width="122" class="title-td">何时何地受过何种行政或刑事处罚</td>
                            <td>{{ punishInfoStr }}</td>
                            </tr>
                            </tbody>
                            </table> -->
                        </c:otherwise>
                    </c:choose>

                    <!-- 主要家庭成员及社会关系 -->
                    <table class="treeTable inputform">
                        <tbody>
                        <tr class="title-tr">
                            <%-- <td style="width: 14.5%;" :rowspan="familyInfo.length + 1">主要家庭成员及社会关系</td>--%>
                            <td style="width: 14.5%;" rowspan="${famLen}">主要家庭成员及社会关系</td>
                            <td style="width: 12.5%;">称谓</td>
                            <td style="width: 15%;">姓名</td>
                            <td style="width: 10.5%;">年龄</td>
                            <td style="width: 15%;">政治面貌</td>
                            <td style="width: 32.5%;">工作单位及职务</td>
                        </tr>

                        <%--<tr v-for="(item, idx) in familyInfo" :key="idx">
                            <td class="c-center">{{ item.relationship }}</td>
                            <td class="c-center">{{ item.name }}</td>
                            <td class="c-center">{{ item.age }}</td>
                            <td class="c-center">{{ item.zzmmname }}</td>
                            <td>{{ item.workunit }}</td>
                        </tr>--%>
                        <c:choose>
                            <c:when test="${famL==0}">
                                <tr>
                                    <td class="c-center"></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </c:when>
                            <c:otherwise>
                                <c:forEach var="familie" items="${families}">
                                    <tr>
                                        <td class="c-center">${familie.relationship}</td>
                                        <td class="c-center">${familie.name}</td>
                                        <td class="c-center">${familie.age}</td>
                                        <td class="c-center">${familie.zzmmname}</td>
                                        <td>${familie.workunit}</td>
                                            <%--   <td>${familie.profession}</td>--%>
                                    </tr>
                                </c:forEach>
                            </c:otherwise>
                        </c:choose>
                        </tbody>
                    </table>

                    <c:choose>
                        <c:when test="${empty social}">
                            <!-- 简要评价自身 -->
                            <table class="treeTable inputform">
                                <tbody>
                                <tr class="no-border-top" style="height: 80px;">
                                    <td style="width: 14.5%;" class="title-td">简要评价自身</td>
                                    <td style="width: 85.5%;">${userresume.introduction }</td>
                                </tr>
                                </tbody>
                            </table>
                        </c:when>
                        <c:otherwise>
                        </c:otherwise>
                    </c:choose>
                    </table>
                </div>
                <%-- <div class="pagecont" style="width:980px; padding-left:0;padding-bottom:20px;">
                     <div style="font-size:30px;font-family:'黑体';font-weight:bold;padding:20px;text-align:center;letter-spacing:2px;">
                         个人简历
                     </div>
                     <div style="font-weight:bold;padding:10px 0;">简历编号：${userresume.code}</div>
                     <div class="resumetitle" style="text-align:center;border-top:1px solid #000;">个人信息</div>
                     <table class="treeTable inputform">
                         <tbody>

                         <tr>
                             <td width="120">应聘部门：</td>
                             <td width="280">${jobdepart}</td>
                             <td width="120">应聘岗位：</td>
                             <td>${jobname}</td>
                             <td rowspan="6" width="167">
                                 <c:choose>
                                     <c:when test="${empty userresume.head}">
                                         <img name="head" width="160" height="224"
                                              src="${fpath}/resources/UserHead/default-photo.png"/>
                                     </c:when>
                                     <c:otherwise>
                                         <img name="head" width="160" height="224"
                                              src="${fpath}/${userresume.head}"/>
                                     </c:otherwise>
                                 </c:choose>
                             </td>
                         </tr>
                         <tr>
                             <td width="120">姓名：</td>
                             <td width="280">${userresume.name}</td>
                             <td width="120">性别：</td>
                             <td>${userresume.sexname}</td>
                         </tr>
                         <tr>
                             <td>出生日期：</td>
                             <td><fmt:formatDate value="${userresume.birthday}" pattern="yyyy.MM"/></td>
                             <td>电子邮箱：</td>
                             <td>${userresume.email}</td>
                         </tr>
                         <tr>
                             <td>手机号码：</td>
                             <td>${userresume.tel}</td>
                             <td>民族：</td>
                             <td>${userresume.mzname}</td>
                         </tr>
                         &lt;%&ndash; <tr>
                              <td>家庭电话：</td>
                              <td>${userresume.hometel}</td>
                              <td>籍贯：</td>
                              <td>${userresume.jg}</td>
                          </tr>&ndash;%&gt;
                         <tr>
                             <td>政治面貌：</td>
                             <td>${userresume.zzmmname}</td>
                             &lt;%&ndash;<td>身高(CM)：</td>
                             <td>${userresume.height}</td>&ndash;%&gt;
                             <td>身份证号：</td>
                             <td>${userresume.cardno}</td>
                         </tr>
                         <tr>
                             <td>婚姻状况：</td>
                             <td>${userresume.mname}</td>
                             <td>服从调配：</td>
                             <td>
                                 ${userresume.distribution==0?"服从调配":"不服从调配"}
                             </td>
                         </tr>
                         &lt;%&ndash; <tr>
                              <td>身份证号：</td>
                              <td colspan="4">${userresume.cardno}</td>
                          </tr>&ndash;%&gt;
                         <tr>
                             &lt;%&ndash; <td>户口性质：</td>
                              <td>${userresume.hkname}</td>&ndash;%&gt;
                             <td>户口所在地：</td>
                             <td colspan="4">${userresume.hukouaddress}</td>
                         </tr>
                         <tr>
                             <td>现居住地：</td>
                             <td colspan="4">${userresume.nowaddress}</td>
                         </tr>
                         </tbody>
                     </table>
                    &lt;%&ndash; <div class="resumetitle">职业概况/求职意向</div>
                     <table class="treeTable inputform">
                         <tbody>
                         <tr>
                             <td width="120">工作经验(年)：</td>
                             <td width="280">${userresume.workexperience}</td>
                             <td width="120">到岗时间：</td>
                             <td>${userresume.attendancetime}</td>
                         </tr>
                         <tr>
                             <td>意向工作地区:</td>
                             <td>${userresume.presentsalaryamount}</td>
                             <td>期望月薪(RMB):</td>
                             <td>${userresume.expectedsalaryamount}</td>
                         </tr>
                         </tbody>
                     </table>&ndash;%&gt;
                     <div class="resumetitle">教育背景</div>
                     <div>
                         <table class="treeTable inputform">
                             <tbody>
                             <tr>
                                 <td width="120">入学时间</td>
                                 <td width="100">毕业时间</td>
                                 <td>学校名称</td>
                                 <td>专业名称</td>
                                 <td width="80">学历</td>
                                 <td width="80">学位</td>
                                 <td width="110">学习形式</td>
                                 &lt;%&ndash; <td width="75">毕业情况</td>&ndash;%&gt;
                                 &lt;%&ndash; <td width="75">成绩平均分</td>
                                  <td width="75">平均学分绩点</td>&ndash;%&gt;
                             </tr>
                             <c:forEach var="education" items="${educations}">
                                 <tr>
                                         &lt;%&ndash;<td><fmt:formatDate value="${education.starttime}" pattern="yyyy.MM"/></td>
                                         <td><fmt:formatDate value="${education.endtime}" pattern="yyyy.MM"/></td>&ndash;%&gt;
                                     <td><fmt:formatDate value="${education.starttime}" pattern="yyyy.MM"/></td>
                                     <td><fmt:formatDate value="${education.endtime}" pattern="yyyy.MM"/></td>
                                     <td>${education.schoolname}</td>
                                     <td>${education.majorname}</td>
                                     <td>${education.educationname}</td>
                                     <td>${education.degreename}</td>
                                     <td>${education.fulltime==0?"全日制":"非全日制"}</td>
                                         &lt;%&ndash;<td>${education.tname}</td>&ndash;%&gt;
                                 </tr>
                             </c:forEach>
                             </tbody>
                         </table>
                     </div>

                     <c:if test="${not empty workexperiences}">
                         <div class="resumetitle">工作经历</div>
                         <div>
                             <table class="treeTable inputform">
                                 <tbody>
                                 <tr>
                                     <td width="120">开始时间</td>
                                     <td width="100">结束时间</td>
                                     <td>所属企业</td>
                                     <td>公司名称</td>
                                     <td>任职部门</td>
                                     <td width="80">工作岗位</td>
                                     <td width="80">备注</td>
                                 </tr>
                                 <c:forEach var="workexperience" items="${workexperiences}">
                                     <tr>
                                         <td>${workexperience.starttime}</td>
                                         <td>${workexperience.endtime}</td>
                                         <td>${fn:substringBefore(workexperience.companyname,"_")}</td>
                                         <td>${fn:substringAfter(workexperience.companyname,"_")}</td>
                                         <td>${workexperience.department}</td>
                                         <td>${workexperience.position}</td>
                                         <td>${workexperience.reason}</td>
                                     </tr>
                                 </c:forEach>
                                 </tbody>
                             </table>
                         </div>
                     </c:if>
                     <c:if test="${not empty majors}">
                         <div class="resumetitle">专业技术职称</div>
                         <div>
                             <table class="treeTable inputform">
                                 <tbody>
                                 <tr>
                                     <td width="120">类别</td>
                                     <td width="100">级别</td>
                                     <td>取得时间</td>
                                     <td>其他专业技术职称</td>
                                 </tr>
                                 <c:forEach var="major" items="${majors}">
                                     <tr>
                                         <td>${major.posttypename}</td>
                                         <td>${major.postlevelname}</td>
                                         <td><fmt:formatDate value="${major.postgettime}" pattern="yyyy.MM"/></td></td>
                                         <td>${major.postspecialty}</td>
                                     </tr>
                                 </c:forEach>
                                 </tbody>
                             </table>
                         </div>
                     </c:if>
                     <c:if test="${not empty userresume.postspecialty}">
                         <div class="resumetitle">专业技术资格</div>
                         <table class="treeTable inputform">
                             <tbody>
                             <tr>
                                 <td width="120">类别</td>
                                 <td width="140">所属专业</td>
                                 <td width="135">级别</td>
                                 <td width="120">取得时间</td>
                                 <td>发证机构</td>
                             </tr>
                             <tr>
                                 <td>${userresume.posttypename}</td>
                                 <td>${userresume.postspecialty}</td>
                                 <td>${userresume.postlevelname}</td>
                                 <td><fmt:formatDate value="${userresume.postgettime}" pattern="yyyy.MM"/></td>
                                 <td>${userresume.postcompany}</td>
                             </tr>
                             </tbody>
                         </table>
                     </c:if>
                     <c:if test="${not empty userresume.qltype}">
                         <div class="resumetitle">职业资格证</div>
                         <table class="treeTable inputform">
                             <tbody>
                             <tr>
                                 <td width="120">技能等级</td>
                                 <td width="140">工种</td>
                                 <td width="135">取得时间</td>
                                 <td>发证机构</td>
                             </tr>
                             <tr>
                                 <td>${userresume.qllevelpname} ${userresume.qllevelname} ${userresume.qllevelsname}</td>
                                 <td>${userresume.qltype}</td>
                                 <td><fmt:formatDate value="${userresume.qlgettime}" pattern="yyyy.MM"/></td>
                                 <td>${userresume.qlorg}</td>
                             </tr>
                             </tbody>
                         </table>
                     </c:if>
                     <c:if test="${not empty userresume.othname}">
                         <div class="resumetitle">其他资格证（如：驾驶证等）</div>
                         <table class="treeTable inputform">
                             <tbody>
                             <tr>
                                 <td width="120">名称</td>
                                 <td width="140">证书编号</td>
                                 <td width="135">类型</td>
                                 <td width="120">专业</td>
                                 <td width="100">取得时间</td>
                                 <td>发证机构</td>
                             </tr>
                             <tr>
                                 <td>${userresume.othname}</td>
                                 <td>${userresume.othcode}</td>
                                 <td>${userresume.othtypename}</td>
                                 <td>${userresume.othzy}</td>
                                 <td><fmt:formatDate value="${userresume.othdate}" pattern="yyyy.MM"/></td>
                                 <td>${userresume.othorg}</td>
                             </tr>
                             </tbody>
                         </table>
                     </c:if>
                     <c:if test="${not empty trainings}">
                     <div class="resumetitle">培训经历</div>

                     <div>
                         <c:forEach var="training" items="${trainings}">
                             <table class="treeTable inputform">
                                 <tbody>
                                 <tr>
                                     <td width="120">开始时间：</td>
                                     <td width="280"><fmt:formatDate value="${training.starttime}" pattern="yyyy.MM"/></td>
                                     <td width="120">结束时间：</td>
                                     <td><fmt:formatDate value="${training.endtime}" pattern="yyyy.MM"/></td>
                                 </tr>
                                 <tr>
                                     <td>培训课程：</td>
                                     <td>${training.course}</td>
                                     <td>培训机构：</td>
                                     <td>${training.organization}</td>
                                 </tr>
                                 <tr>
                                     <td>获得证书：</td>
                                     <td colspan="3">${training.certificate}</td>
                                 </tr>
                                 <tr>
                                     <td>培训内容：</td>
                                     <td colspan="3">${training.description}</td>
                                 </tr>
                                 </tbody>
                             </table>

                         </c:forEach>
                     </div>
                     </c:if>
                     <c:if test="${not empty rewardpunishments}">
                         <div class="resumetitle">获奖情况</div>
                         <div>
                             <c:forEach var="rewardpunishment" items="${rewardpunishments}">
                                 <table class="treeTable inputform">
                                     <tbody>
                                     <tr>
                                         <td width="120">奖励单位：</td>
                                         <td width="280">${rewardpunishment.enterprise}</td>
                                         <td width="120">奖励名称：</td>
                                         <td>${rewardpunishment.name}</td>
                                         <td width="90">获得时间：</td>
                                         <td width="100"><fmt:formatDate value="${rewardpunishment.gettime}" pattern="yyyy.MM"/></td>
                                     </tr>
                                     <tr>
                                         <td>奖励原因：</td>
                                         <td colspan="5">${rewardpunishment.reason}</td>
                                     </tr>
                                     </tbody>
                                 </table>

                             </c:forEach>
                         </div>
                     </c:if>
                     <c:if test="${not empty families}">
                         <div class="resumetitle">家庭成员</div>
                         <div>
                             <table class="treeTable inputform">
                                 <tbody>
                                 <tr>
                                     <td width="120">关系</td>
                                     <td width="90">姓名</td>
                                     <td width="95">年龄</td>
                                     <td width="110">政治面貌</td>
                                     <td>单位</td>
                                     <td>职务</td>

                                 </tr>
                                 <c:forEach var="familie" items="${families}">
                                     <tr>
                                         <td>${familie.relationship}</td>
                                         <td>${familie.name}</td>
                                         <td>${familie.age}</td>
                                         <td>${familie.zzmmname}</td>
                                         <td>${familie.workunit}</td>
                                         <td>${familie.profession}</td>
                                     </tr>
                                 </c:forEach>
                                 </tbody>
                             </table>
                         </div>
                     </c:if>
                     <c:if test="${not empty userresume.introduction}">
                         <div class="resumetitle">个人说明</div>
                         <div>
                             <table class="treeTable inputform">
                                 <tbody>
                                 <tr>
                                     <td>${userresume.introduction}</td>
                                 </tr>
                                 </tbody>
                             </table>
                         </div>
                     </c:if>

                 </div>--%>
                <div>
                    <c:forEach var="userAppend" items="${userAppendOts}">
                        <div style="padding-top: 5px">${userAppend.realname}：<a href="${fpath}/${userAppend.filepath}"
                                                                                target="_blank">${userAppend.filepath} </a>
                        </div>
                    </c:forEach>
                    <c:forEach var="userAppend" items="${userAppendRys}">
                        <div style="padding-top: 5px">${userAppend.realname}：<a href="${fpath}/${userAppend.filepath}"
                                                                                target="_blank">${userAppend.filepath} </a>
                        </div>
                    </c:forEach>
                    <c:forEach var="userAppend" items="${userAppendJxs}">
                        <div style="padding-top: 5px">${userAppend.realname}：<a href="${fpath}/${userAppend.filepath}"
                                                                                target="_blank">${userAppend.filepath} </a>
                        </div>
                    </c:forEach>
                    <c:forEach var="userAppend" items="${userAppendZcs}">
                        <div style="padding-top: 5px">${userAppend.realname}：<a href="${fpath}/${userAppend.filepath}"
                                                                                target="_blank">${userAppend.filepath} </a>
                        </div>
                    </c:forEach>
                </div>
            </div>
        </div>

        <div class="layui-tab-item">
            <div id="Content2" style="width:980px; height:auto; margin:0 auto;">

                <div class="printmenu">
                    <div style="color:red;float:left;">${tips}</div>
                    <button type="button" onclick="PrintFunc()">打印记录</button>
                </div>
                <div class="pagecont" style="width:980px; padding-left:0;padding-bottom:20px;">
                    <div class="layui-row">
                        <fieldset class="layui-elem-field " style="padding-top: 30px;">
                            <legend>${proname}---${jname}</legend>
                            <div class="layui-field-box">
                                <ul class="layui-timeline">
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-timeline-axis"></i>
                                        <div class="layui-timeline-content layui-text">
                                            <h3 class="layui-timeline-title">简历筛选</h3>
                                            <div style="background: #F2F2F2;padding: 10px">
                                                <div class="layui-card">
                                                    <div class="layui-card-header">简历变更申请</div>
                                                    <div class="layui-card-body">
                                                        <div class="layui-row">
                                                            <div class="layui-col-sm5">
                                                                <p>
                                                                    2018年11月-2018年12月
                                                                    <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
                                                                    <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i
                                                                        class="layui-icon"></i>
                                                                </p>
                                                            </div>
                                                            <%--                                                            <div class="layui-col-sm6">--%>
                                                            <%--                                                                <img src="images/qrs.png" width="150px"--%>
                                                            <%--                                                                     height="200px"><br>--%>
                                                            <%--                                                            </div>--%>
                                                            <div class="layui-col-sm1" style="text-align: right">
                                                                <button class="layui-btn layui-btn-normal layui-btn-xs"
                                                                        style="margin-top:10px; ">同意变更
                                                                </button>
                                                                <button class="layui-btn layui-btn-danger layui-btn-xs"
                                                                        style="margin-top:10px; ">拒绝变更
                                                                </button>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </li>
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-timeline-axis"></i>
                                        <div class="layui-timeline-content layui-text">
                                            <h3 class="layui-timeline-title">面试</h3>
                                            <p>杜甫的思想核心是儒家的仁政思想，他有<em>“致君尧舜上，再使风俗淳”</em>的宏伟抱负。个人最爱的名篇有：</p>
                                            <div style="background: #F2F2F2;padding: 10px">
                                                <div class="layui-card">
                                                    <div class="layui-card-header">转岗确认</div>
                                                    <div class="layui-card-body">
                                                        <div class="layui-row">
                                                            <div class="layui-col-sm5">
                                                                原岗位:专业岗<br>
                                                                现岗位:服务岗<br>
                                                                确认时间:2018年12月12日<br>
                                                            </div>
                                                            <%--                                                            <div class="layui-col-sm6">--%>
                                                            <%--                                                                <img src="images/qrs.png" width="150px"--%>
                                                            <%--                                                                     height="200px"><br>--%>
                                                            <%--                                                            </div>--%>
                                                            <div class="layui-col-sm1" style="text-align: right">
                                                                <button class="layui-btn layui-btn-normal layui-btn-xs"
                                                                        style="margin-top:10px; ">确认转岗
                                                                </button>
                                                                <button class="layui-btn layui-btn-danger layui-btn-xs"
                                                                        style="margin-top:10px; ">拒绝转岗
                                                                </button>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </li>
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-timeline-axis"></i>
                                        <div class="layui-timeline-content layui-text">
                                            <h3 class="layui-timeline-title">体检</h3>
                                            <p>
                                                体检时间:2018年12月12日
                                                <br>体检地点:重庆市XXX医院
                                                <br>铭记、感恩
                                                <br>所有为中华民族浴血奋战的英雄将士
                                                <br>永垂不朽
                                            </p>
                                        </div>
                                    </li>
                                    <li class="layui-timeline-item">
                                        <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i>
                                        <div class="layui-timeline-content layui-text">
                                            <div class="layui-timeline-title">录用</div>
                                            <p>
                                                招聘进行中请耐心等待..

                                            </p>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                        </fieldset>

                    </div>
                </div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="layui-row">
                <table class="layui-hide" id="historyTable"></table>
            </div>

        </div>
        <div class="layui-tab-item">
            <div class="layui-row">
                <table class="layui-hide" id="UserLogTable"></table>
            </div>
        </div>
        <div class="layui-tab-item">
            <iframe width="980px" id="PreViewFrame" height="auto"
                    src="/UserResume/PreView?proid=${proid}&cardno=${userresume.cardno}"
                    style="border: none;display: block;overflow: visible" onload="changeFrameHeight()"></iframe>
            <%--  <div id="DResumePreview" style="width:980px; height:auto; margin:0 auto;">

              </div>--%>

        </div>
        <div class="layui-tab-item">
            <div class="layui-row">
                <table class="layui-hide" id="changehistoryTable"></table>
            </div>

        </div>
    </div>
</div>
<link href="<%=basepath%>/resources/js/plugins/layui/css/layui.css" type="text/css" rel="stylesheet"/>
<script src="<%=basepath%>/resources/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="<%=basepath%>/resources/js/plugins/layui/layui.all.js" type="text/javascript"></script>
<script src="<%=basepath%>/resources/js/plugins/Validform/Validform_v5.3.2_min.js" type="text/javascript"></script>

<script>

    // 自定义模块
    layui.config({
        base: '<%=basepath%>/resources/js/plugins/layui_exts/tableChild/',   // 模块目录
        version: 'v1.0'
    }).extend({                         // 模块别名
        tableChild: 'tableChild'
    });
    layui.use(['element', 'util', 'table', 'form', "tableChild"], function () {
        var $ = layui.jquery
            , element = layui.element //Tab的切换功能，切换事件监听等，需要依赖element模块
            , util = layui.util
            , table = layui.table
            , tableChild = layui.tableChild;
        //固定块
        util.fixbar({
            top: true
            , css: {right: 10, bottom: 10}
            , bgcolor: '#393D49'
        });

        element.on('tab(tabBrief)', function (elem) {
            //console.log($(this).attr('lay-id'));
        });

        table.render({
            elem: '#historyTable'
            , url: '/UserResume/RecruitmentHistory?cardno=${userresume.cardno}'
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , page: false
            , cols: [[
                {field: 'id', width: 80, title: 'ID', sort: false, hide: true}
                , {field: 'cardno', minWidth: 120, title: '身份证号'}
                , {field: 'name', width: 80, title: '姓名', sort: false}
                , {field: 'sexname', width: 60, title: '性别', sort: false}
                , {field: 'proid', width: 80, title: '方案ID', hide: true}
                , {field: 'proname', title: '方案名称', minWidth: 160} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
                , {field: 'adddate', title: '应聘时间', minWidth: 150, sort: true}
                , {field: 'jname', title: '应聘岗位', minWidth: 80, sort: false}
                , {field: 'lastflow', title: '最后流程', minWidth: 100, sort: false}
                , {field: 'fqstate', title: '放弃/转岗', minWidth: 100, sort: false}
                , {field: 'zwsqb', title: '职位申请表', minWidth: 120, sort: false}
                /* ,{field:'lastremark', title: '备注'}*/
            ]]
            , response: {
                statusCode: true //重新规定成功的状态码为 200，table 组件默认为 0
            }
            , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
                $('.layui-badge').text(res.datas.length);
                return {
                    "code": res.state, //解析接口状态
                    /*  "msg": res.message, //解析提示文本*/
                    "count": res.datas.length, //解析数据长度
                    "data": res.datas //解析数据列表
                };
            }
        });

        table.render({
            elem: '#UserLogTable'
            , url: '/UserResume/RecruitmentHistory?cardno=${userresume.cardno}'
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , page: false
            , cols: [[
                {field: 'id', width: 80, title: 'ID', sort: false, hide: true}
                , {
                    title: '#', width: 50, children: [
                        {
                            title: '操作记录'
                            , data: function (prow) {
                                var childData;
                                $.ajax({
                                    url: '/SystemLog/UserLog',
                                    type: "POST",
                                    data: {cardno: prow.cardno, proid: prow.proid, userid: prow.id},
                                    async: false,
                                    dataType: "JSON",
                                    success: function (json) {
                                        if (json.state) {
                                            childData = json.datas;
                                        }
                                    }
                                });
                                return childData;
                            }
                            , limit: 10000000
                            , page: false
                            , cols: [[
                                {field: 'LOGID', width: 80, title: 'LOGID', sort: false, hide: true}
                                , {field: 'usercustom2', width: 120, title: '招聘流程'}
                                , {field: 'usercustom5', width: 100, title: '岗位', sort: false}
                                , {field: 'logresult', title: '结果', minWidth: 160}
                                , {field: 'logremark', title: '备注', minWidth: 100, sort: false}
                                , {field: 'operatorcode', width: 100, title: '员工号', sort: false}
                                , {field: 'operatorname', width: 100, title: '姓名', sort: false}
                                , {field: 'operattime', title: '操作时间', minWidth: 150, sort: false}
                                , {field: 'requesturl', title: '请求地址', minWidth: 150, sort: false}
                                , {field: 'loginip', title: 'IP地址', minWidth: 100, sort: false}
                                /*{title: '操作', width: 156, templet: '#childBar'}*/
                            ]]
                            , done: function () {
                                layui.tableChild.render(this);
                            }
                        },

                    ]
                },
                , {field: 'cardno', width: 138, title: '身份证号'}
                , {field: 'name', width: 80, title: '姓名', sort: false}
                , {field: 'sexname', width: 60, title: '性别', sort: false}
                , {field: 'proid', width: 80, title: '方案ID', hide: true}
                , {field: 'proname', title: '方案名称', minWidth: 160} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
                , {field: 'adddate', title: '应聘时间', minWidth: 150, sort: true}
                , {field: 'jname', title: '应聘岗位', minWidth: 80, sort: false}
                , {field: 'lastflow', title: '最后流程', minWidth: 100, sort: false}
                , {field: 'fqstate', title: '放弃/转岗', minWidth: 100, sort: false}

                /* ,{field:'lastremark', title: '备注'}*/
            ]]
            , done: function () {
                layui.tableChild.render(this);
            }
            , response: {
                statusCode: true //重新规定成功的状态码为 200，table 组件默认为 0
            }
            , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
                $('.layui-badge').text(res.datas.length);
                return {
                    "code": res.state, //解析接口状态
                    /*  "msg": res.message, //解析提示文本*/
                    "count": res.datas.length, //解析数据长度
                    "data": res.datas //解析数据列表
                };
            }
        });

        $.ajax({
            url: '/UserResume/RecruitmentFlowsInfo'
            , data: {uid: '${id}', proid: '${proid}'}
            , dataType: 'JSON'
            , type: 'POST'
            , success: function (json) {
                if (json.state) {
                    var flows = json.datas;
                    $('.layui-timeline').empty();
                    $.each(flows, function (index, flow) {
                        var timeline_itme = $('<li class="layui-timeline-item"></li>');
                        var timeline_i;
                        if (flow.FLOWSTATE == 1) {
                            timeline_i = $('<i class="layui-icon layui-timeline-axis"></i>');
                        } else {
                            timeline_i = $('<i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i>');
                        }
                        var flowname = flow.FLOWNAME;
                        var flownickname = flow.FLOWNICKNAME;
                        if (!!!flowname) {
                            flowname = flownickname;
                        }
                        var timeline_content = $('<div class="layui-timeline-content layui-text"></div>');
                        var timeline_title = $('<h3 class="layui-timeline-title">' + flowname + '</h3>');
                        timeline_content.append(timeline_title);
                        var flowcontent = JSON.parse(flow.RESUMECONTENT);
                        var contenttext = $('<div id="' + flow.FLOWID + '"></div>');

                        if (!!flowcontent) {
                            if (flowname === "笔试") {
                                contenttext.append("地点:" + flowcontent.address + "<br/>");
                                contenttext.append("时间:" + flowcontent.time + "<br/>");
                                contenttext.append("考场:" + flowcontent.name + "<br/>");
                                contenttext.append("准考证号:" + flowcontent.ticketnum + "<br/>");
                                contenttext.append("分数:" + flowcontent.point + "<br/>");
                            } else if (flowname === "面试") {
                                contenttext.append("地点:" + flowcontent.address + "<br/>");
                                contenttext.append("时间:" + flowcontent.time + "<br/>");
                                contenttext.append("是否确认:" + flowcontent.isconfirm + "<br/>");
                                contenttext.append("确认时间:" + flowcontent.confirmtime + "<br/>");
                                contenttext.append("分数:" + flowcontent.point + "<br/>");
                            } else if (flowname === "实作") {
                                contenttext.append("地点:" + flowcontent.address + "<br/>");
                                contenttext.append("时间:" + flowcontent.time + "<br/>");
                                contenttext.append("内容:" + flowcontent.name + "<br/>");
                                contenttext.append("分数:" + flowcontent.point + "<br/>");
                            } else if (flowname === "体检") {
                                contenttext.append("地点:" + flowcontent.address + "<br/>");
                                contenttext.append("时间:" + flowcontent.time + "<br/>");
                            }

                            if (!!flowcontent.msg) {
                                contenttext.append("短信通知:" + (flowcontent.msg == 1 ? "已发通知" : "未发通知") + "<br/>");
                            }
                            contenttext.append("结果:" + flowcontent.state + "<br/>");
                            contenttext.append("发布状态:" + flowcontent.fbzt + "<br/>");
                            contenttext.append("备注:" + flowcontent.remark + "<br/>");
                            contenttext.append("录入人:" + flowcontent.pointuser + "<br/>");
                            contenttext.append("录入时间:" + flowcontent.pointdate + "<br/>");
                            contenttext.append("个人情况:" + (flow.USERREMARK == null ? "" : flow.USERREMARK) + "<br/>");
                            if (flow.FLOWID == flow.FQFID) {
                                contenttext.append("<div style=\"padding: 10px;margin-top:10px; background-color: #F2F2F2; color:red; \"><div class=\"layui-card\"><div class=\"layui-card-body\"><div>应聘者已于" + flow.FQDATE + "，在本环节放弃本次应聘！</div></div></div></div>");

                            }
                        } else {
                            timeline_i = $('<i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i>');
                            contenttext.append("<p>招聘进行中请耐心等待.. </p>")
                        }
                        if (contenttext != null) {
                            timeline_content.append(contenttext);
                        }
                        timeline_itme.append(timeline_i);
                        timeline_itme.append(timeline_content);
                        $('.layui-timeline').append(timeline_itme);
                    });
                }
            }
        });

        $.ajax({
            url: '/UserResume/RecommendPostHistory'
            , data: {uid: '${id}', proid: '${proid}', cardno: '${userresume.cardno}'}
            , dataType: 'JSON'
            , type: 'POST'
            , success: function (json) {
                if (json.state) {
                    element.tabAdd('tabBrief', {
                        title: '转岗记录' //动态增加转岗记录
                        /*  , content: '<div class="layui-tab-item" >\n' +
                              '            <div class="layui-row">\n' +
                              '                <table class="layui-hide" id="changehistoryTable"></table>\n' +
                              '            </div>\n' +
                              '        </div>'*/
                        , id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
                    });
                    table.render({
                        elem: '#changehistoryTable'
                        , data: json.datas
                        , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                        , page: false
                        , cols: [[
                            {field: 'cardno', minWidth: 120, title: '身份证号'}
                            , {field: 'name', minWidth: 80, title: '姓名', sort: false}
                            , {field: 'oldjob', minWidth: 100, title: '原岗位', sort: false}
                            , {field: 'nowjob', minWidth: 100, title: '现岗位', sort: false}
                            , {field: 'pname', title: '方案名称', minWidth: 160}
                            , {field: 'rflowname', title: '转岗时流程', minWidth: 100, sort: false}
                            , {field: 'recommenddate', title: '转岗时间', minWidth: 150, sort: true}
                            /* ,{field:'lastremark', title: '备注'}*/
                        ]]
                        , response: {
                            statusCode: true //重新规定成功的状态码为 200，table 组件默认为 0
                        }
                        , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
                            $('.layui-badge').text(res.datas.length);
                            return {
                                "code": res.state, //解析接口状态
                                /*  "msg": res.message, //解析提示文本*/
                                "count": res.datas.length, //解析数据长度
                                "data": res.datas //解析数据列表
                            };
                        }
                    });
                }
            }
        });


    });

    $(function () {
        $('#btn_resumepass').click(function () {
            layer.confirm('确定要执行吗？', {
                btn: ['是', '否']
            }, function () {
                var url = '/Do/GXResume/ResumeOkAction';
                $.post(url, {
                    "id": "${id}",
                    "pid": "${proid}",
                    "fid": "${fid}",
                    "deptcode": "${deptcode}"
                }, function (data) {
                    if (data.state) {
                        layer.alert(data.Message, {icon: 1});
                    } else {
                        layer.alert(data.Message, {icon: 2});
                    }
                });
                layer.closeAll();
            }, function () {
                layer.closeAll();
            });


        });

        $('#btn_resumenopass').click(function () {
            layer.prompt({title: '请填写未通过原因，并确认', formType: 2}, function (text, index) {
                layer.close(index);
                $.post("/Do/GXResume/ResumeAllNoAction"
                    , {"pid": "${proid}", "fid": "${fid}", "deptcode": "${deptcode}", "ids": "${id},", sxbz: text}
                    , function (result) {
                        if (result.state) {
                            layer.alert(result.Message, {icon: 1});
                        } else {
                            layer.alert(result.Message, {icon: 2});
                        }
                    }
                    , "json");
            });
        });

        $('#btn_resumesync').click(function () {
            layer.open({
                type: 1
                ,
                title: '请输入验证!' //不显示标题栏
                ,
                closeBtn: false
                ,
                area: '500px,300px'
                ,
                zIndex: 1000
                ,
                shade: 0.8
                ,
                id: 'LAY_resumesync' //设定一个id，防止重复弹出
                ,
                btn: ['确认', '取消']
                ,
                btnAlign: 'c'
                ,
                moveType: 1 //拖拽模式，0或者1
                ,
                content: '<form id="resumesyncValid" method="post" action="${path}/DUserResume/syncDuserResume"><input type="hidden" name="userid" value="${id}" /><input type="hidden" name="proid" value="${proid}" /><input type="hidden" name="cardno" value="${userresume.cardno}" /><input type="hidden" name="fid" value="${fid}" /><table class="treeTable inputform"  style="border:none !important"><tbody><tr><td width="70px" style="border:none !important">验 证 码：</td><td width="150px" style="border:none !important"><input type="text" style="width:150px;" class="valiCode" name="vcode" datatype="*" nullmsg="验证码不能为空！" /></td><td width="100" style="border:none !important"><img  style="width:100px;height:30px;" src="${path}/resources/captcha.jpeg" title="点击刷新" onClick="refushCode(this)"  /></td></tr></tbody></table></form>'
                ,
                success: function (layero, index) {
                    giveupform = $("#resumesyncValid").Validform({
                        ajaxPost: true,
                        tiptype: function (msg) {
                            if (msg != "通过信息验证！")
                                layer.msg(msg);
                        },
                        callback: function (data) {
                            if (data.state) {
                                //  $.Hidemsg();
                                parent.layer.alert(data.Message, {icon: 1, time: 2000});
                                window.location.reload();
                            } else {
                                parent.layer.alert(data.Message, {icon: 2, time: 2000});
                            }
                        }
                    });
                }
                ,
                yes: function (index, layero) {
                    giveupform.ajaxPost(false, true, '/DUserResume/syncDuserResume');
                    //form.forms[0].ajaxPost();
                    return false;

                }

            });
        })
    });

    function refushCode(c) {
        $(c).attr('src', '${path}/resources/captcha.jpeg?time=' + (new Date()).getTime());
    }

    $(document).ready(function () {
        if ('${valid}' == 'no') {
            $('#Content').html('<div style="padding:100px 0; text-align:center; font-size:16px;">应聘者未投简历</div>');
        }
        $('select').each(function () {
            $(this).val($(this).next().val());
            $(this).parent().html($(this).find("option:selected").text());
        });
    });


    function initView() {
        setTimeout(function () {
            $('#loader').hide();
        }, 200);
    }

    function PrintFunc() {
        $('.printmenu').hide();
        $('.layui-tab-title').hide();
        $('.resumetitle').css("background-color", "#ddd");
        $('.resumetitle').css("color", "#000");
        window.print();
        $('.printmenu').show();
        $('.layui-tab-title').show();
        $('.resumetitle').css("background-color", "#017C83");
        $('.resumetitle').css("color", "#fff");
    }

    function OutFunc() {
        $.post("/AppendOut/OutputByWord?type=0", {"id": "${id}"}, function (json) {
            if (json.state) {
                window.open(json.url);
            } else {
                layer.alert(json.Message, {icon: 2});
            }
        }, "json")
    }


    function EditFunc() {
        window.open('<%=basepath%>/Do/SZResume/Edit?id=${id}');
    }


    function changeFrameHeight() {
        setTimeout(function () {
            var ifm = document.getElementById("PreViewFrame");
            var cheight = document.documentElement.clientHeight;
            var oheight = document.documentElement.offsetHeight;
            var sheight = ifm.contentWindow.document.documentElement.offsetHeight;
            var soheight = ifm.contentWindow.document.documentElement.clientHeight;
            if (sheight == 0) {
                ifm.height = oheight + 150;
            } else {
                ifm.height = sheight;
            }
        }, 500)
    }

    function PrintPost() {
        window.open('<%=basepath%>/UserResume/Application?id=${id}');
    }


</script>
</body>
</html>